<template>
  <div>
   输入你的生日：
   年 <input type="text" v-model.number="year">
   月 <input type="text" v-model.number="mon">
   日 <input type="text" v-model.number="date">
    <button @click="day">点我试试</button>
    {{ sum }}
  </div>
</template>

<script>
export default {
  // 封装一个函数, 代码里固定输入你的生日, 调用函数在页面显示你活了多少天
  data() {
    return {
      year:0,
      mon:0,
      date:0,
      sum: "",
      // birthday: +new Date("1997-11-28 00:00:00"),
    };
  },
  methods: {
    day() {
      let time1 = +new Date();
      let time2 = time1 - (+new Date(`${this.year}-${this.mon}-${this.date}  00:00:00`));

      console.log(time2);
      //  毫秒转秒
      time2 = time2 / 1000;
      //  转天时分秒
      let d = parseInt(time2 / 60 / 60 / 24);
      console.log(d);
      // h = parseInt((time3 / 60 / 60) % 24),
      // m = parseInt((time3 / 60) % 60),
      // s = parseInt(time3 % 60);
      this.sum = `我已经活了${d}天`;
      return this.sum;
    },
  },
};
</script>

<style>
</style>
